<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>

        /* 
       模板字符串：
            1、具有普通字符串的所有功能（加强版的字符串）
            2，用``反引号定义
            3、可以定义多行字符串
            4.字符串中 加入变量和表达式 
        */

        var str = '王者';//普通字符串

        //1. ``反引号定义
        var game = '今晚吃鸡';

        //2.当成普通字符串使用即可
        console.log(game + ',明天也吃鸡');
        console.log(game.length);

        //3.多行字符串（支持换行）
        var ul = `<ul>
                    <li>剑圣</li>
                    <li>小鱼</li>
                    <li>小狗</li>
                    <li>小H</li>
           </ul> `
        console.log(ul);
        // 4. 可以直接使用变量
        let hero = '盲僧';
        console.log(`这把我选择了${hero}.`);

        // 5. 表达式
        let age = 25;
        console.log(`今年我${age + 3}岁了`);

        //6. 支持函数
        function cook(menu) {
            console.log(`老板,给我来一份` + menu);
            return '烤鱼';
        }

        console.log(`晚上吃${cook('猪蹄')}`);
        
    </script>
</body>

</html>